<template>
  <div class="new-tab">
    <Header />
    <date-time />
    <search-box></search-box>
    <app-group-nav></app-group-nav>
  </div>
</template>

<script setup>
import Header from "./components/Header.vue";
import DateTime from "./components/DateTime.vue";
import SearchBox from "./components/SearchBox.vue";
import AppGroupNav from "./components/AppGroupNav.vue";
</script>

<style lang="less" scoped>
.new-tab {
  height: 100vh;
  width: 100vw;
  background-size: cover;
  background-position: center;
  background-image: url(https://cn.bing.com/th?id=OHR.CanopyPeru_ZH-CN5659581553_1920x1080.jpg);
  display: flex;
  flex-flow: column;
}
</style>
